.cell {
	transition: 0.5s;
	position: absolute;
	bottom: 0vmin;
	color: white;
	width: 10vmin;
	border-radius: 2vmin;
}

.cell p {
	width: 100%;
	font-size: 10vmin;
	text-align: center;
	position: absolute;
	bottom: 0;
}

.cell1 {
	height: 30vmin;
	background-color: #D11717;
	z-index: 18;

}

.cell2 {
	height: 35vmin;
	background-color: #D18717;
	z-index: 17;
}

.cell3 {
	height: 40vmin;
	background-color: #D6E319;
	z-index: 16;
}

.cell4 {
	height: 45vmin;
	background-color: #66E319;
	z-index: 15;
}

.cell5 {
	height: 50vmin;
	background-color: #19E3B4;
	z-index: 14;
}

.cell6 {
	height: 55vmin;
	background-color: #469FBF;
	z-index: 13;
}

.cell7 {
	height: 60vmin;
	background-color: #426FA6;
	z-index: 12;
}

.cell8 {
	height: 65vmin;
	background-color: #4642A6;
	z-index: 11;
}

.cell9 {
	height: 70vmin;
	background-color: #4c0f82;
	z-index: 10;
}